@media screen and (max-width:1230px) {
	.head,
	.wrap {
		width: 960px;
	}
	.head .nav_m {
		width: 700px;
	}
	.head .nav li {
		margin-left: 5px;
	}
	.head .nav li a {
		padding: 0 11px;
	}
	.i_service li {
		width: 231px;
		padding: 15px;
	}
	.i_service li .tu {
		height: 130px;
		line-height: 130px;
	}
	.i_service li .tu img {
		width: 110px;
		height: 110px;
	}
	.i_service li .title {
		font-size: 24px;
	}
	.works dl dt,
	.works dl dt img,
	.works dl dt .des {
		width: 480px;
		height: 420px;
	}
	.works dl dd {
		width: 480px;
	}
	.works dl dd ul li,
	.works dl dd ul li img,
	.works dl dd ul li .des {
		width: 240px;
		height: 210px;
	}
	.works dl dd ul li .des .ctn {
		margin: 5px 0 10px;
	}
	.works dl dd ul li .des .title {
		height: 35px;
		line-height: 35px;
		font-size: 20px;
	}
	.works dl dd {
		height: auto;
	}
	.i_about dt {
		width: 380px;
	}
	.i_about dd {
		width: 550px;
	}
	.i_about dd h6 {
		font-size: 32px;
		height: 35px;
		line-height: 35px;
	}
	.i_about dd .tip {
		padding: 5px 0;
	}
	.i_news_m li,
	.news li {
		width: 306px;
		margin-right: 21px;
	}
	.i_customer li {
		width: 188px;
		height: auto;
	}
	.i_customer li img {
		width: 188px;
		height: 90px;
	}
	.f_zx p {
		width: 715px;
		font-size: 17px;
	}
	.foot li {
		width: 300px;
	}
	.foot li.f_b {
		width: 350px;
	}
	.f_zx a {
		width: 180px;
	}
	.works dl dt .des .ctn {
		max-height: 155px;
	}
	.s_works ul li,
	.s_works ul li img {
		width: 320px;
		height: 272px;
	}
	.s_works ul li .des {
		top: 202px;
	}
	.service ul li {
		float: left;
		width: 312px;
		height: auto;
	}
	.service ul li img {
		width: 100%;
		height: 160px;
	}
	.customer ul li {
		width: 318px;
	}
	.news li .tu img {
		height: 92px;
	}
	.about .tabBox .tabNav {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:990px) {
	.head,
	.wrap {
		width: 740px;
	}
	.head .logo {
		width: 200px;
		height: auto;
	}
	.head .nav_m {
		width: 100%;
		position: absolute;
		left: 0;
		top: 50px;
	}
	.nav_m .n_icon {
		display: block;
		font-size: 16px;
	}
	.head .nav_m .nav {
		width: 100%;
		background: #FFF;
		position: absolute;
		left: 0;
		top: 40px;
		z-index: 99999;
		display: none;
		padding: 5px 0;
	}
	.head .nav li a {
		margin-top: 0;
		padding: 0 16px;
	}
	.i_service li {
		margin-right: 8px;
		width: 179px;
	}
	.i_service li .title {
		height: 50px;
		line-height: 50px;
		font-size: 22px;
	}
	.i_service li .tu img {
		width: 90px;
		height: 90px;
	}
	.i_service li .tu {
		height: 110px;
		line-height: 110px;
	}
	.works dl dt,
	.works dl dt img,
	.works dl dt .des {
		width: 370px;
		height: 324px;
	}
	.works dl dd {
		width: 370px;
	}
	.works dl dd ul li,
	.works dl dd ul li img,
	.works dl dd ul li .des {
		width: 185px;
		height: 162px;
	}
	.works dl dd ul li .des .ctn {
		margin: 5px 0 10px;
	}
	.works dl dd ul li .des .title {
		height: 35px;
		line-height: 35px;
		font-size: 18px;
	}
	.works dl dt .des {
		padding: 20px 25px;
	}
	.works dl dt .des .title {
		height: 40px;
		line-height: 40px;
		font-size: 24px;
	}
	.works dl dt .des .ctn {
		max-height: 155px;
	}
	.works dl dd ul li .des {
		padding: 5px 10px;
	}
	.works dl dd ul li .des .ctn {
		max-height: 65px;
		line-height: 145%;
	}
	.i_about dt {
		width: 320px;
	}
	.i_about dd {
		width: 400px;
	}
	.i_about dd p {
		max-height: 110px;
		overflow: hidden;
	}
	.i_news_m li,
	.news li {
		width: 240px;
		margin-right: 10px;
	}
	.i_news_m li .title,
	.news li .title {
		font-size: 15px;
	}
	.i_customer li {
		width: 144px;
	}
	.i_customer li img {
		width: 144px;
		height: 68px;
	}
	.f_zx p {
		width: 560px;
		font-size: 16px;
	}
	.f_zx a {
		width: 150px;
		font-size: 20px;
		height: 50px;
		line-height: 50px;
	}
	.foot li .f_logo img {
		width: 200px;
		height: auto;
	}
	.foot li {
		width: 50%;
	}
	.s_works ul li,
	.s_works ul li img {
		width: 246px;
		height: 209px;
	}
	.s_works ul li .des {
		top: 139px;
	}
	.service ul li {
		width: 242px;
	}
	.service ul li img {
		width: 100%;
		height: 124px;
	}
	.customer ul li {
		width: 244px;
	}
	.news li .tu img {
		height: 72px;
	}
	.book {
		width: 100%;
	}
}

@media screen and (max-width:770px) {
	.head,
	.wrap {
		width: 480px;
	}
	.i_service li {
		margin-right: 10px;
		width: 235px;
		margin-bottom: 10px;
	}
	.i_service li:nth-child(2n) {
		margin-right: 0;
	}
	.head .nav li {
		width: 100%;
		text-align: right;
		margin: 0;
	}
	.head .nav li a {
		width: 100%;
		padding: 0 15px 0;
	}
	.head .nav li.now a,
	.head .nav li a:hover {
		background: none;
		color: #5AB631;
	}
	.works dl dt,
	.works dl dt img,
	.works dl dt .des {
		width: 480px;
		height: 419px;
	}
	.works dl dt .des,
	.works dl dd ul li .des {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.works dl dt .des .ctn,
	.works dl dt .des .d_more,
	.works dl dd ul li .des .ctn,
	.works dl dd ul li .des .d_more {
		display: none;
	}
	.works dl dt .des {
		height: 80px;
	}
	.works dl dd ul li,
	.works dl dd ul li img,
	.works dl dd ul li .des {
		width: 240px;
		height: 210px;
	}
	.works dl dd ul li .des {
		height: 60px;
	}
	.works dl dd,
	.works dl dt {
		width: 100%;
	}
	.i_about dt,
	.i_about dd {
		width: 100%;
	}
	.i_about dd {
		margin-top: 20px;
	}
	.tabBox .tabNav li {
		width: 120px;
	}
	.i_news_m li,
	.news li {
		width: 235px;
		margin-right: 10px !important;
		margin-bottom: 0;
		margin-top: 30px;
	}
	.i_news_m li:nth-child(2n),
	.news li:nth-child(2n) {
		margin-right: 0 !important;
	}
	.i_customer li {
		width: 116px;
		margin-right: 4px !important;
		margin-bottom: 4px;
	}
	.i_customer li:nth-child(4n) {
		margin-right: 0 !important;
	}
	.i_customer li img {
		width: 116px;
		height: 54px;
	}
	.f_zx p {
		width: 100%;
	}
	.f_zx a {
		position: static;
		margin-top: 15px;
	}
	.about .tabBox .tabNav {
		text-align: left;
	}
	.about .tabBox .tabNav li {
		margin: 5px 10px 5px 0;
		padding: 0 13px;
	}
	.s_works ul li,
	.s_works ul li img {
		width: 480px;
		height: 406px;
	}
	.s_works ul li .des {
		top: 0;
		left: 1px;
	}
	.s_works ul li {
		border: 1px solid #eee;
	}
	.service ul li {
		width: 100%;
		margin: 0 0 10px;
	}
	.service ul li img {
		width: 100%;
		height: auto;
	}
	.customer ul li {
		margin-right: 2px !important;
		width: 239px;
	}
	.customer ul li:nth-child(2n) {
		margin-right: 0 !important;
	}
	.news li .tu img {
		height: 70px;
	}
	.pages {
		padding-top: 35px;
	}
	.book li {
		width: 100%;
	}
}

@media screen and (max-width:510px) {
	.head,
	.wrap {
		width: 320px;
	}
	.i_service li {
		width: 155px;
	}
	.works dl dt .des,
	.works dl dd ul li .des {
		width: 100%;
		padding: 10px;
		height: auto;
	}
	.works dl dt,
	.works dl dt img,
	.works dl dd ul li,
	.works dl dd ul li img {
		width: 320px;
		height: 280px;
	}
	.works dl dt .des .title {
		font-size: 18px;
	}
	.tabBox .tabNav li {
		width: 90px;
		margin: 0 3px;
	}
	.i_customer li {
		margin-right: 4px !important;
		width: 158px;
	}
	.i_customer li:nth-child(2n) {
		margin-right: 0 !important;
	}
	.i_customer li img {
		width: 158px;
		height: 73px;
	}
	.foot li {
		width: 100%;
		padding-right: 0;
	}
	.foot li.f_a,
	.foot li.f_b {
		padding-top: 40px;
	}
	.foot li.f_b .code {
		top: 45px;
	}
	.s_works ul li,
	.s_works ul li img {
		width: 320px;
		height: 270px;
	}
	.customer ul li {
		margin-right: 2px !important;
		width: 159px;
	}
	.customer ul li .tu img {
		width: 150px;
		height: 69px;
	}
	.customer ul li .tu {
		height: 80px;
		line-height: 80px;
	}
	.i_news_m li,
	.news li {
		width: 100%;
		margin-right: 0 !important;
	}
	.news li .tu img {
		width: 100%;
		height: auto;
	}
	.book li {
		padding-left: 85px;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	.book li i {
		right: 0;
	}
	.book li.btn {
		margin-bottom: 0;
	}
	.book li.btn input {
		margin-top: 0;
	}
}